html,
body {
  height: 100%;
}
.myorder {
  margin: 0.716rem 0 1rem 0;
}
.myorder .orderlist {
  width: 100%;
  height: auto;
  margin: 0 0 1.875rem 0;
}
.myorder .orderlist .table {
  margin: 0 0 1.25rem 0;
}
.myorder .orderlist .table td {
  padding: 0.6rem 0.15rem;
  text-align: center;
}
.myorder .orderlist .table td p {
  margin: 0;
}
.myorder .orderlist .wrsp {
  display: flex;
  justify-content: space-between;
}
.myorder .orderlist .wrsp p {
  margin: 0;
}
.myorder .btnwrap a {
  padding: 0.2rem 0.4rem;
  border-radius: 2px;
  margin: 0 0 0 0.2rem;
  font-size: 1.125rem;
  min-width: 6rem;
}
.myorder .btnwrap a:focus {
  background: none;
}
.myorder .btnwrap .sureorders {
  background: #0099ff;
  border: 1px solid #0099ff;
  color: #ffffff;
}
.bottombox {
  width: 100%;
  height: 4rem;
  background: #ffffff;
}
@media (max-width: 320px) {
  .myorder .orderlist .wrsp {
    display: block;
  }
  .myorder .orderlist .wrsp p {
    text-align: left;
    padding: 0 0 0 0.64rem;
  }
  .myorder .btnwrap a {
    padding: 0.2rem 0.4rem;
    border-radius: 2px;
    margin: 0 0 0 0.2rem;
    font-size: 1.125rem;
    min-width: 6rem;
  }
  .myorder .btnwrap a:focus {
    background: none;
  }
  .myorder .btnwrap .sureorders {
    background: #0099ff;
    border: 1px solid #0099ff;
    color: #ffffff;
  }
}
